import {
  ElForm,
  ElButton,
  ElInput,
  ElFormItem,
  ElIcon,
  ElCheckbox,
  ElLink,
  ElContainer,
  ElAside,
  ElHeader,
  ElMain,
  ElAvatar,
  ElDropdown,
  ElDropdownMenu,
  ElDropdownItem,
  ElMenu,
  ElMenuItem,
  ElProgress,
  ElCard,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElUpload,
  ElRow,
  ElCol,
  ElTooltip,
  ElDialog,
  ElDescriptions,
  ElDescriptionsItem,
  ElCollapse,
  ElCollapseItem,
  ElScrollbar,
  ElEmpty,
  ElSkeleton
} from 'element-plus'

const elementplusComponents = [
  ElForm,
  ElButton,
  ElInput,
  ElFormItem,
  ElIcon,
  ElCheckbox,
  ElLink,
  ElContainer,
  ElAside,
  ElHeader,
  ElMain,
  ElAvatar,
  ElDropdown,
  ElDropdownMenu,
  ElDropdownItem,
  ElMenu,
  ElMenuItem,
  ElProgress,
  ElCard,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElUpload,
  ElRow,
  ElCol,
  ElCheckbox,
  ElTooltip,
  ElDialog,
  ElDescriptions,
  ElDescriptionsItem,
  ElCollapse,
  ElCollapseItem,
  ElProgress,
  ElScrollbar,
  ElEmpty,
  ElSkeleton
]

export default function registerElement(app) {
  for (const cp of elementplusComponents) {
    app.use(cp)
  }
}